<div id="doc" class="yui-t7">
  <header role="banner"><h1>My GitHub R&eacute;sum&eacute;</h1></header>
  <article role="main">
    <div class="yui-g">
      <p class="enlarge-medium">
        As a software startup owner I really enjoy when people send us their
        r&eacute;sum&eacute;s and they include their github account so we can see tangible work they have done.
      </p>
      <p><br /></p>
      <p class="enlarge-medium">
        After a <a href="https://twitter.com/#!/jeresig/status/33968704983138304">tweet by John Resig</a>
        I imagined that it may be nice for people to be able to generate their <a href="https://github.com" title="GitHub">GitHub</a> r&eacute;sum&eacute;s.
      </p>
      <p><br /><br /></p>

      <form id="run" action="." method="get">
        <p>
          <input id="username" type="text" placeholder="Enter your GitHub username and click on generate" autofocus />
          <button type="submit" id="gen">Generate</button>
        </p>
      </form>

    </div>

    <div class="yui-g">
      <p><br /><br /></p>
      <h2>See some popular users</h2>
      <div class="yui-gb">
        <ul>
          <li><a href="/?mxcl" title="Max Howell">Max Howell</a></li>
        </ul>
      </div>
      <div class="yui-gb">
        <ul>
          <li class=""><a href="/?defunkt" title="Chris Wanstrath">Chris Wanstrath</a></li>
        </ul>
      </div>
      <br />
    </div>

    <div class="yui-g last">
      <div class="yui-main">
        <br /><br />
        <h2>Notes, Information and Future features</h2>
        <p class="enlarge-medium"><br />
        This is the first version. I am planning on adding
        things as such as your most committed forks, most committed repositories and make the "My Popular Repositories" be built from
        your complete list of repositories. Feel free to <a href="https://github.com/resume/resume.github.com">fork the page</a> if you want to help :-)
        <br /><br />
        </p>
      </div>
    </div>
  </article>

  <footer role="contentinfo"><p>Brought to you by the brilliant mind of <a href="https://twitter.com/davidcoallier">@davidcoallier</a> &lt;/modesty&gt; &mdash; R&eacute;sum&eacute; Template from <a href="http://thingsthatarebrown.com/blog/2009/05/sample-resume-template/">Things That Are Brown</a></p></footer>
</div>

<script type="text/javascript">
$(document).ready(function() {
    $('form#run').submit(function(e){
        var genUser = $('#username').val();
        document.location = document.location.pathname + "?" + genUser;
        e.preventDefault();
    });
});
</script>
